<style scoped>
  @import url('./login.css');
</style>

<template>
    <div >
        <div class="login-panel">
            <div class="panel-center item-center">
                <img src="../../../assets/logo.png" width="40px" height="40px" alt="错误图片">
                <div class="system-name">{{systemName}}</div>
            </div>
            <el-form :model="formData" :rules="rules" status-icon ref="loginForm" label-position="top" style="margin-top:20px">
                <el-form-item label="账号" prop="username">
                    <el-input v-model="formData.username" placeholder="输入账号/手机号/email"></el-input>
                </el-form-item>
                
                <el-form-item label="密码" prop="password">
                    <el-input v-model="formData.password" placeholder="输入密码" type="password" autocomplete= "off"></el-input>
                </el-form-item>

                <el-form-item>
                    <el-button type="primary" :loading="loading" loading-text="正在登录..." style="width:100%;margin-top:20px" @click="submitForm()">登录</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
</template>

<script>
export default require('./login.js')
</script>